*{padding: 0;margin: 0;}
body {font-family: 'Lato', "Microsoft YaHei", sans-serif;font-size: 14px;min-width: 1200px;}
a{text-decoration: none;color: #333333}li{list-style: none;}
.top-wrap{width: 100%;height: 43px;background: url(../img/top.png) no-repeat center center;}
.top{width: 1200px;margin: 0 auto;text-align: right;}
.top span{margin-right: 70px;color: #fff;font-size: 18px;}

/*header*/
.header-wrap{height: 100px;}
.header{width: 1200px;margin: 0 auto;}
.header .logo{height: 100px;width: 35%;display: inline-block;float: left}
.header .logo img{width: auto;height: 100%}
.header .shop{display: inline-block;float: left;width: 20%}
.header .form{display: inline-block;float: left;padding-top: 20px}
.header .form input{ height: 34px;width: 250px; border: 1px solid #d40c16;font-size: 18px;}
.header .form input:focus{outline:none;border: 1px solid #d40c16;}
.header .form button{background: #d40c16;border: none;width: 36px;height: 36px;position: relative;top: -1.5px;left: -4px;}
.header .form form a{background: #d40c16;color: #fff;padding: 8.5px 41px;margin-left: 30px;display: inline-block;}

/*nav*/
.nav-wrap{width: 100%;height: 55px;background: #ff8429;}
.nav{width: 1200px;margin: 0 auto;}
.nav ul li{width: 14.2%;text-align: center;float: left;line-height: 55px;color: #fff}
.nav ul li:hover{background: rgba(0,0,0,.2);}

/*banner*/
.banner-wrap{width: 100%;}
.banner-wrap ul li img{width: 100%;height: auto}

/*about*/
.about-wrap{width: 100%;}
.about{width: 1200px;margin: 100px auto 70px auto;height: 450px;background: #f0f0f0;}
.about-left{display: inline-block;float: left}
.about-right{display: inline-block;    float: right;
    padding: 30px 33px;
    width: 44%;}
.about-right p{font-size: 18px;margin-top: 15px;line-height: 45px;}
.view-more{font-size: 15px !important;text-align:right;margin-top: 25px !important}
.view-more a{padding: 10px 25px;background: #383939;color: #fff;border-radius: 15px;margin-right: 60px;}

/*ad*/
.ad-wrap img{width: 100%;height: auto;}

/*product*/
.pro-wrap{width: 100%;height: 800px;/*border-bottom: 1px solid red;*/text-align:center;}
.pro-wrap .pro-title{margin: 60px 0 35px 0;}
.pro{width: 1200px;margin: 0 auto;text-align:left;overflow: hidden;}
.pro ul li{float: left;margin: 0 20px;}
.pro ul li img{transition: all 0.5s;    width: 100%;}
.pro ul li img:hover{transform: scale(1.02);}
.pro ul li p{margin-top: 20px;text-align: center;color: #2a2222;font-size: 30px}


/*优势*/
.you-wrap{width: 100%;height: auto;}
.you{width: 1200px;margin: 0 auto;overflow: hidden;}
.you .you-title{margin: 80px auto 45px auto;}

/*品牌动态*/
.brand-wrap{width: 100%;/*border-bottom: 1px solid red;*/text-align: center;padding-bottom: 50px}
.brand{width: 1200px;margin: 0 auto;overflow: hidden;text-align: left;padding-top: 60px;/*border: 1px solid red;*/}
.brand-left{display: inline-block;float: left;width: 58%;/*border-right: 1px solid red;*/padding-left: 30px}
.brand-left .brand-ltitle{font-size: 25px;color: #777}
.brand-left ul li{border-bottom: 1.5px solid #b2b2b2;overflow: hidden;margin-top: 36px}
.brand-left ul li:last-child{border-bottom: none;}
.brand-left ul li .lli-left{float: left;margin-bottom: 48px;display: inline-block;width: 58%;}
.brand-left ul li .lli-left .lli-left-title{margin-top: 46px;color: #666;font-size: 17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-left ul li .lli-left .lli-left-desc{margin-top: 10px;color: #999;font-size: 13.5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.brand-left ul li .lli-right{float: right;margin-bottom: 48px;display: inline-block;width: 40%;}
.brand-right{width: 32%;/*border-left: 1px solid red;*/float: right;background: #f7da00;padding: 23px;display: inline-block;}
.brand-right img{width: 100%;height: auto;}

/*行业动态*/
.trade-wrap{width: 100%;/*border-bottom: 1px solid red;*/text-align: center;padding-bottom: 150px}
.trade{width: 1200px;margin: 0 auto;overflow: hidden;text-align: left;margin-top: 50px;/*border: 1px solid red;*/background: #f1f1f1;}
.trade-left{background: #359bc1;width: 53%;padding:20px 18px;display: inline-block;float: left}
.trade-left img{width: 100%;height: auto}
.trade-right{width: 39%;padding:25px;display: inline-block;float: right}
.trade-right .trade-rtitle{font-size: 25px;text-align: right;color: #777}
.trade-right ul li{margin-top: 55px;border-bottom: 1.5px solid #b2b2b2;padding-bottom: 45px}
.trade-right ul li:last-child{border-bottom: none;}
.trade-right ul li .rli-title{margin-top: 46px;color: #666;font-size: 17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trade-right ul li .rli-desc{margin-top: 10px;color: #999;font-size: 13.5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*footer*/
.footer-wrap{background: #808080;width: 100%;/*height: 148px*/}
.footer{width: 1200px;margin: 0 auto;padding-top: 15px;overflow: hidden;}
.footer .footer-logo{display: inline-block;width: 30%;float: left;    margin-bottom: 45px;}
.footer .footer-column{display: inline-block;width: 75%;float: left;}
.footer .footer-column ul{overflow: hidden;}
.footer .footer-column ul li{float: left;width: 33.33333%;text-align: center;margin-top: 15px;font-size: 16px;color: #e2e2e2}
.footer .footer-tel{display: inline-block;width: 35%;float: left;/*padding-left: 2%;*/margin-top: 2%;}
.footer .footer-tel .tel-text{color: #e2e2e2;margin-top: 13px;font-size: 14px}
.footer .footer-tel .tel-num{color: #e2e2e2;margin-top: 13px;font-size: 20px;}
.footer .footer-addr{display: inline-block;width: 100%;float: left;/*padding-left: 3%;*/    margin-top: 3%;}
.footer .footer-addr .addr,.footer .footer-addr .addr-beian{margin-top: 15px;color: #e2e2e2;font-size: 16px}
.footer .footer-w{float: right}
.footer .footer-w img{margin-right: 8px}


.toolbar {
    width: 130px;
    position: fixed;
    right: 0;
    top: 360px;
    z-index: 999;
}

.toolbar dd {
    width: 130px;
    height: 55px;
    margin-bottom: 0;
    position: relative;
}

.toolbar dd a {
    color: #fff;
    width: 130px;
    height: 55px;
    display: block;
    cursor: pointer;
    text-align: center;
    background: url(/skin/xxxc/img/rightfixicon.png) no-repeat -36px 0;
    line-height: 45px;
    -webkit-transition: all .0s ease-in-out 0s;
    -moz-transition: all .0s ease-in-out 0s;
    transition: all .0s ease-in-out 0s;
}

.toolbar dd a span {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/skin/xxxc/img/rightfixicon.png) no-repeat 0 0;
    vertical-align: middle;
    margin-right: 5px;
}

.toolbar dd a:hover {
    background-position: -168px 0;
}

.toolbar .pop {
    position: absolute;
    right: 90px;
    top: -45px;
    background: #ff8429;
    display: none;
}

.toolbar .pop-code {
    /*width: 100px;*/
    padding: 15px 15px 0;
}

.toolbar .pop-code img {
    width: 100px;
    height: 100px;
    display: block;
}

.toolbar .pop-code h3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}

.toolbar .zxzx span {
    background-position: 0 4px;
}

.toolbar .lf span {
    background-position: 0 -33px;
}

.toolbar .bj span {
    background-position: 0 -65px;
}

.toolbar .code span {
    background-position: 0 -33px;
}

.toolbar .top {
    width: 130px;
    height: 45px;
    background: #ff8429;
}

.toolbar .top span {
    background-position: 0 -127px;
}

.toolbar .top:hover {
    background: #ff8429;
}

.toolbar .side_tel {
    position: absolute;
    right: 0;
    top: 0;
    background: #ff8429;
    height: 45px;
    line-height: 45px;
    color: #fff;
    width: 0;
    text-align: center;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}